FigmaのAuto Layout
複数選択して、shift-a
具体例
いつ使う?
リスト系のもの?
marginを均等にできる
均等に配置したいもの?
ボタンの中身のテキストに合わせてボタンのサイズを変えるとか
親要素を伸縮した時に、子も伸縮する
レスポンシブしなくても嬉しい?
横並びのリストの折り返しはどうやってやる?
レスポンシブとかが良い感じにできるやつ
無駄にFrame>Frame>Frameみたいに入れ子になっているやつをキー一つでフラットにしたい
https://www.youtube.com/watch?v=WuKnJFxrxNg
ボタンの中身のテキストに合わせてボタンのサイズを変える
https://i.gyazo.com/7728e7cd13500e6f557dde3ae1533b79.gif https://youtu.be/JuaXJ4DgItY?t=1802
Auto Layoutの1機能だけどmrsekut.icon
これ知らなかったらボタン作る時に、普通にrで四角作って、tでtext書いてそうだが、違うらしい
fでframe作って、auto layoutにしておいて、そこにtで作ったやつを入れると自動でサイズ調整される
自動て、Frameが追加されたAuto Layoutになる
https://gyazo.com/fea8f964d7c8b68d99076ff64e4b5e02
space-between的なことをする
https://gyazo.com/8fddea559779cebb608d62aaaec02daa
なんか分かりづらいバヨにあるmrsekut.icon
@SShuaiqi: Experimenting with Auto layout v5.0 😋 https://video.twimg.com/ext_tw_video/1604326039148175360/pu/vid/480x270/bnezjc4Th8CmuAN6.mp4
Hug Contents
要素に合わせた幅
Fill Container
親要素いっぱいの幅
Fixed Height
固定幅
https://youtu.be/xIuDIygGPVs?t=673